<template>
  <div id="app">
    <el-form ref="form" :model="form" label-width="100px">
      <h1>工程变更单</h1>
      <el-form-item label="施工单位" class="head" prop="builder_name">
        <el-input v-model="form.builder_name" disabled></el-input>
      </el-form-item>
      <el-form-item label="变更申请方" class="head" prop="apply_name">
        <el-input v-model="form.apply_name" disabled></el-input>
      </el-form-item>
      <el-form-item label="变更内容" class="head" prop="change_content">
        <el-input type="textarea" v-model="form.change_content" style="width:660px" disabled></el-input>
      </el-form-item>
      <el-form-item label="审批结论" class="head" prop="change_conclusion">
        <el-input type="textarea" v-model="form.change_conclusion" style="width:660px" disabled placeholder="推荐格式:由于___________原因，提出的变更申请，予以审批通过。"></el-input>
      </el-form-item>
      <el-form-item label="通知日期" prop="date">
        <el-date-picker type="date" placeholder="选择日期" v-model="form.date" disabled style="width: 300px;"></el-date-picker> 
      </el-form-item>
      <el-form-item label="业主姓名" prop="name">
        <el-input  v-model="form.name" style="width:300px" disabled></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
      return {
        form: {
          builder_name: '',
          apply_name: '',
          change_content: '',
          change_conclusion: '',
          date: '',
          name:'',
          status:0
        },
      }
    },
    methods: {
      getInfomation(){
        var obj = JSON.parse(sessionStorage.getItem("change"));
        if(obj.status == 0){
          this.form = JSON.parse(sessionStorage.getItem("change"));
        }
      },
    },
    mounted() {
      this.getInfomation();
    },
}
</script>

<style  lang="less" scoped>
#app{
  height: auto;
}
.el-form {
  width: 800px;
  height: auto;
  margin: 0 auto;
  border: 1px dashed rgba(0, 50, 100, 0.8);
  position: relative;
  h1{
    text-align: center;
  }
  .head{
    .el-input {
      width: 280px;
    }
    display: inline-block;
  }
}
.el-upload--text{
  width: 419px;
  height: 36px;
}
</style>